<template>
  <div>
    <div
      class='selectWrap'
      :style="{
        display: `${visible ? 'block' : 'none'}`,
        position: 'absolute',
        left: `${x}px`,
        top: `${y + 20}px`,
      }"
    >
      <ul>
          <li
            v-for="item in options"
            :key="item.id"
            @click="$emit('onSelect', item)"
          >
            <img :src="item.wechatAvatarUrl" alt="" />
            <span>{{item.name}}</span>
          </li>
      </ul>
    </div>
  </div>
</template>
<script src='./index.js'></script>
<style src='./index.css' scoped></style>